html{*overflow:auto;}
* {font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
body{padding-bottom:20px;}
.clearfix:after{content: ''; display: block; visibility: hidden; height: 0; clear: both;}
.mes-nav{height: 50px; min-width:1240px; background-color: #fff; line-height: 50px; color: #666; font-size: 12px; padding:0 42px; overflow: hidden; margin-bottom: 20px;}
.mes-nav h3{font-size: 16px; color: #000; float: left; font-weight: bold; margin-right: 10px;}
.mes-nav span {float: left;}
.table-content {min-width:1240px; padding: 0 20px;}
.table-model{overflow: hidden;}
.table-model>div{width:15.5%; height: 100px; background-color: #fff; float: left; margin-right: 1.4%; padding:12px 15px; box-sizing: border-box;}
.table-model>div:last-child{margin-right: 0;}
.table-model>div b{display: block; color: #333; font-size: 26px; line-height: 40px;}
.table-model>div .table-title{font-size: 12px; color: #999; overflow: hidden;}
.table-model>div .table-title a {display: block; width: 13px; height: 13px; float: right; margin-top: 3px;}
.table-model>div .table-title a img {width: 100%;}
.table-model>div .table-rate{font-size: 12px; color: #666; border-top: 1px solid #eaeaea; line-height: 24px;}
.table-model>div .table-rate img {width: 13px; vertical-align: baseline;}

.chart-content{margin: 20px;color: #fff; background-color: #fff; padding: 0 10px; min-width: 1240px;}
.chart-content .chart-tab{height: 35px;line-height: 34px; border-bottom: 1px solid #eaeaea;}
.chart-content .chart-tab a{display:inline-block; float:left; height:35px;padding: 0 35px;color:#9B9B9B;font-size:14px; text-decoration:none;}
.chart-content .chart-tab .active,.chart-content .chart-tab a:hover{border-bottom:1px solid #5378F6;color:#5378F6;}
/* 画图标之后可去掉或修改 */
.chart-content .charts{width:100%; padding-top: 50px;}
.charts-list{overflow: hidden; padding-bottom: 50px; border-bottom: 1px solid #eaeaea;}
.charts-tab-left { float: left;}
.charts-tab-right { float: right;}
.chsbox {float: left; width: 158px; margin-right: 30px;}
.chsbox h3 { color: #000; font-weight: bold; font-size:14px; text-align: center; margin-bottom: 10px;}
.chsbox span { color: #999; font-size: 12px; display: block; text-align: center; white-space: nowrap; margin-top: 10px;}
.charts-tab-left .chsbox:last-child{margin-right:0;}
.charts-tab{width: 700px; height: 220px;}
.pt50{padding-top: 50px;}

.chart-rate{overflow: hidden; padding: 24px 0 67px;}
.chart-rate>div{width: 32%; margin-right:2%; border:2px solid #0396FF; height: 160px; border-radius:3px; float: left; box-sizing: border-box; padding: 20px 30px;}
.chart-rate>div:last-child{margin-right: 0;}
.chart-rate>div.cr1{color: #0396FF; border: 2px solid #0396FF;}
.chart-rate>div.cr2{color: #33CDBD; border: 2px solid #33CDBD;}
.chart-rate>div.cr3{color: #7468F0; border: 2px solid #7468F0;}
.chart-rate>div h2 {font-size: 20px; margin-bottom:10px;}
.rate-number {position: relative; font-size: 32px; line-height: 44px; margin-bottom: 10px;}
.rate-number>span{position: absolute; left: 130px; top: 8px; font-size: 16px; height: 20px; line-height: 20px;}
.chart-rate>div>span {font-size: 14px;}
.cr1 h2{color: #0396FF;}
.cr2 h2{color: #33CDBD;}
.cr3 h2{color: #7468F0;}



